<template>
	<view>
		<!-- 用于仿优酷主题的icon图标组件 -->
		
		<!-- #ifdef H5 || MP -->
		<text calss="iconText" :class="[iconClassType,iconClassName]"
		:style="[{'font-size':FontSize?FontSize:FontSizeVue},{'font-weight':FontWeight?FontWeight:FontWeightVue},{'color':Color}]"
		></text>
		<!-- #endif -->
		
		<!-- #ifdef APP-PLUS-NVUE -->
		<text calss="iconText" :class="[iconClassType]"
		:style="[{'font-size':FontSize?FontSize:FontSizeNvue},{'font-weight':FontWeight?FontWeight:FontWeightNvue},{'color':Color}]"
		>{{unicode}}</text>
		<!-- #endif -->
		
		
	</view>
</template>

<script>
	export default {
		name:"FatFatMeng-icon",
		props:{
			// icon的字体图标类型名
			iconClassType:{
				type:String,
				default:'VideoIconfontA'
			},
			// icon的class类名(非nvue)
			iconClassName:{
				type:String,
				default:''
			},
			// icon的unicode值(用于nvue)
			unicode:{
				type:String,
				default:''
			},
			// 通用字体大小
			FontSize:{
				type:String,
				default:''
			},
			// 通用字体粗细
			FontWeight:{
				type:String,
				default:''
			},
			// 字体颜色
			Color:{
				type:String,
				default:'#fff'
			},
			
			// #ifdef H5 || MP || APP-VUE
			// vue(除了app平台)
			// vue字体大小
			FontSizeVue:{
				type:String,
				default:''
			},
			// vue字体粗细
			FontWeightVue:{
				type:String,
				default:''
			},
			// #endif
			
			// #ifdef APP-PLUS-NVUE
			// nvue(只在app平台)
			// nvue字体大小
			FontSizeNvue:{
				type:String,
				default:''
			},
			// nvue字体粗细
			FontWeightNvue:{
				type:String,
				default:''
			},
			// #endif
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	/* 引入字体图标文件 */
	@import '@/uni_modules/FatFatMeng-VideoPlayer/static/FatFatMeng-VideoPlayer/apps/iconfont-css/iconfontA.css';
	@import '@/uni_modules/FatFatMeng-VideoPlayer/static/FatFatMeng-VideoPlayer/apps/iconfont-css/iconfontB.css';
	@import '@/uni_modules/FatFatMeng-VideoPlayer/static/FatFatMeng-VideoPlayer/apps/iconfont-css/iconfontStyle.css';
	.iconText{
		color: #fff;
	}
</style>
